<template>
  <div class="panos-image-warp">
    <div class="images-item">
      <img src="/static/krpano/panos/51323101.tiles/b/l1/1/l1_b_1_1.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/b/l1/1/l1_b_1_2.jpg" alt="">
    </div>
    <div class="images-item">
      <img src="/static/krpano/panos/51323101.tiles/b/l1/2/l1_b_2_1.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/b/l1/2/l1_b_2_2.jpg" alt="">
    </div>

    <div class="images-item">
      <img src="/static/krpano/panos/51323101.tiles/b/l2/1/l2_b_1_1.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/b/l2/1/l2_b_1_2.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/b/l2/1/l2_b_1_3.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/b/l2/1/l2_b_1_4.jpg" alt="">
    </div>
    <div class="images-item">
      <img src="/static/krpano/panos/51323101.tiles/b/l2/2/l2_b_2_1.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/b/l2/2/l2_b_2_2.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/b/l2/2/l2_b_2_3.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/b/l2/2/l2_b_2_4.jpg" alt="">
    </div>
    <div class="images-item">
      <img src="/static/krpano/panos/51323101.tiles/b/l2/3/l2_b_3_1.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/b/l2/3/l2_b_3_2.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/b/l2/3/l2_b_3_3.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/b/l2/3/l2_b_3_4.jpg" alt="">
    </div>
    <div class="images-item">
      <img src="/static/krpano/panos/51323101.tiles/b/l2/4/l2_b_4_1.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/b/l2/4/l2_b_4_2.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/b/l2/4/l2_b_4_3.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/b/l2/4/l2_b_4_4.jpg" alt="">
    </div>

    <div class="images-item">
      <img src="/static/krpano/panos/51323101.tiles/d/l1/1/l1_d_1_1.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/d/l1/1/l1_d_1_2.jpg" alt="">
    </div>
    <div class="images-item">
      <img src="/static/krpano/panos/51323101.tiles/d/l1/2/l1_d_2_1.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/d/l1/2/l1_d_2_2.jpg" alt="">
    </div>

    <div class="images-item">
      <img src="/static/krpano/panos/51323101.tiles/d/l2/1/l2_d_1_1.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/d/l2/1/l2_d_1_2.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/d/l2/1/l2_d_1_3.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/d/l2/1/l2_d_1_4.jpg" alt="">
    </div>
    <div class="images-item">
      <img src="/static/krpano/panos/51323101.tiles/d/l2/2/l2_d_2_1.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/d/l2/2/l2_d_2_2.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/d/l2/2/l2_d_2_3.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/d/l2/2/l2_d_2_4.jpg" alt="">
    </div>
    <div class="images-item">
      <img src="/static/krpano/panos/51323101.tiles/d/l2/3/l2_d_3_1.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/d/l2/3/l2_d_3_2.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/d/l2/3/l2_d_3_3.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/d/l2/3/l2_d_3_4.jpg" alt="">
    </div>
    <div class="images-item">
      <img src="/static/krpano/panos/51323101.tiles/d/l2/4/l2_d_4_1.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/d/l2/4/l2_d_4_2.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/d/l2/4/l2_d_4_3.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/d/l2/4/l2_d_4_4.jpg" alt="">
    </div>

    <div class="images-item">
      <img src="/static/krpano/panos/51323101.tiles/f/l1/1/l1_f_1_1.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/f/l1/1/l1_f_1_2.jpg" alt="">
    </div>
    <div class="images-item">
      <img src="/static/krpano/panos/51323101.tiles/f/l1/2/l1_f_2_1.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/f/l1/2/l1_f_2_2.jpg" alt="">
    </div>

    <div class="images-item">
      <img src="/static/krpano/panos/51323101.tiles/f/l2/1/l2_f_1_1.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/f/l2/1/l2_f_1_2.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/f/l2/1/l2_f_1_3.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/f/l2/1/l2_f_1_4.jpg" alt="">
    </div>
    <div class="images-item">
      <img src="/static/krpano/panos/51323101.tiles/f/l2/2/l2_f_2_1.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/f/l2/2/l2_f_2_2.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/f/l2/2/l2_f_2_3.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/f/l2/2/l2_f_2_4.jpg" alt="">
    </div>
    <div class="images-item">
      <img src="/static/krpano/panos/51323101.tiles/f/l2/3/l2_f_3_1.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/f/l2/3/l2_f_3_2.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/f/l2/3/l2_f_3_3.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/f/l2/3/l2_f_3_4.jpg" alt="">
    </div>
    <div class="images-item">
      <img src="/static/krpano/panos/51323101.tiles/f/l2/4/l2_f_4_1.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/f/l2/4/l2_f_4_2.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/f/l2/4/l2_f_4_3.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/f/l2/4/l2_f_4_4.jpg" alt="">
    </div>

    <div class="images-item">
      <img src="/static/krpano/panos/51323101.tiles/l/l1/1/l1_l_1_1.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/l/l1/1/l1_l_1_2.jpg" alt="">
    </div>
    <div class="images-item">
      <img src="/static/krpano/panos/51323101.tiles/l/l1/2/l1_l_2_1.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/l/l1/2/l1_l_2_2.jpg" alt="">
    </div>

    <div class="images-item">
      <img src="/static/krpano/panos/51323101.tiles/l/l2/1/l2_l_1_1.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/l/l2/1/l2_l_1_2.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/l/l2/1/l2_l_1_3.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/l/l2/1/l2_l_1_4.jpg" alt="">
    </div>
    <div class="images-item">
      <img src="/static/krpano/panos/51323101.tiles/l/l2/2/l2_l_2_1.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/l/l2/2/l2_l_2_2.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/l/l2/2/l2_l_2_3.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/l/l2/2/l2_l_2_4.jpg" alt="">
    </div>
    <div class="images-item">
      <img src="/static/krpano/panos/51323101.tiles/l/l2/3/l2_l_3_1.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/l/l2/3/l2_l_3_2.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/l/l2/3/l2_l_3_3.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/l/l2/3/l2_l_3_4.jpg" alt="">
    </div>
    <div class="images-item">
      <img src="/static/krpano/panos/51323101.tiles/l/l2/4/l2_l_4_1.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/l/l2/4/l2_l_4_2.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/l/l2/4/l2_l_4_3.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/l/l2/4/l2_l_4_4.jpg" alt="">
    </div>

    <div class="images-item">
      <img src="/static/krpano/panos/51323101.tiles/r/l1/1/l1_r_1_1.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/r/l1/1/l1_r_1_2.jpg" alt="">
    </div>
    <div class="images-item">
      <img src="/static/krpano/panos/51323101.tiles/r/l1/2/l1_r_2_1.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/r/l1/2/l1_r_2_2.jpg" alt="">
    </div>

    <div class="images-item">
      <img src="/static/krpano/panos/51323101.tiles/r/l2/1/l2_r_1_1.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/r/l2/1/l2_r_1_2.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/r/l2/1/l2_r_1_3.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/r/l2/1/l2_r_1_4.jpg" alt="">
    </div>
    <div class="images-item">
      <img src="/static/krpano/panos/51323101.tiles/r/l2/2/l2_r_2_1.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/r/l2/2/l2_r_2_2.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/r/l2/2/l2_r_2_3.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/r/l2/2/l2_r_2_4.jpg" alt="">
    </div>
    <div class="images-item">
      <img src="/static/krpano/panos/51323101.tiles/r/l2/3/l2_r_3_1.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/r/l2/3/l2_r_3_2.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/r/l2/3/l2_r_3_3.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/r/l2/3/l2_r_3_4.jpg" alt="">
    </div>
    <div class="images-item">
      <img src="/static/krpano/panos/51323101.tiles/r/l2/4/l2_r_4_1.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/r/l2/4/l2_r_4_2.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/r/l2/4/l2_r_4_3.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/r/l2/4/l2_r_4_4.jpg" alt="">
    </div>

    <div class="images-item">
      <img src="/static/krpano/panos/51323101.tiles/u/l1/1/l1_u_1_1.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/u/l1/1/l1_u_1_2.jpg" alt="">
    </div>
    <div class="images-item">
      <img src="/static/krpano/panos/51323101.tiles/u/l1/2/l1_u_2_1.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/u/l1/2/l1_u_2_2.jpg" alt="">
    </div>
    <div class="images-item">
      <img src="/static/krpano/panos/51323101.tiles/u/l2/1/l2_u_1_1.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/u/l2/1/l2_u_1_2.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/u/l2/1/l2_u_1_3.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/u/l2/1/l2_u_1_4.jpg" alt="">
    </div>
    <div class="images-item">
      <img src="/static/krpano/panos/51323101.tiles/u/l2/2/l2_u_2_1.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/u/l2/2/l2_u_2_2.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/u/l2/2/l2_u_2_3.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/u/l2/2/l2_u_2_4.jpg" alt="">
    </div>
    <div class="images-item">
      <img src="/static/krpano/panos/51323101.tiles/u/l2/3/l2_u_3_1.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/u/l2/3/l2_u_3_2.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/u/l2/3/l2_u_3_3.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/u/l2/3/l2_u_3_4.jpg" alt="">
    </div>
    <div class="images-item">
      <img src="/static/krpano/panos/51323101.tiles/u/l2/4/l2_u_4_1.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/u/l2/4/l2_u_4_2.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/u/l2/4/l2_u_4_3.jpg" alt="">
      <img src="/static/krpano/panos/51323101.tiles/u/l2/4/l2_u_4_4.jpg" alt="">
    </div>


  </div>
</template>

<script>
export default {
  name: "panos-image"
}
</script>

<style scoped lang="scss">
  .panos-image-warp {
    height: 100%;
    overflow: auto;
  }

  .images-item {
    img {
      height: 100px;
      vertical-align: middle;
    }
  }
</style>
